<html>
<head>
    <meta charset="utf-8" >
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta http-equiv="Pragma" content="public" />
    <meta http-equiv="Cache-Control" content="public" />
    <title>超级三加一</title>
    <script type="text/javascript" src="/js/config.js"> </script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/load.js"> </script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/room.js"> </script>

    <link rel="stylesheet" type="text/css" href="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/css/jia31.css">
    <link rel="stylesheet" type="text/css" href="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/css/alertbox.css">
    <link rel="stylesheet" type="text/css" href="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/css/fuzhi.css">
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/fastclick.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/aes.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/md5.js"></script>
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 360*100 + 'px';
    </script>

    <script type="text/javascript">

        window.addEventListener('load', function() {
            FastClick.attach(document.body);
        }, false);

        globalData.fileUrl='http://zxch.203y.com:1888/ttxindasheng/common_yh/'
        globalData.cfileUrl='https://notexist.com/'

        var newNum = "";
        var per = window.innerWidth / 530;
        
        var configData = {
            "appId":"wx06948bb47cc88800",
            "timestamp":"1641123144",
            "nonceStr":"0ebac380a40ea9da0b455cda3df144e0",
            "signature":"d6eda02be2929f4bc43bb2707526e071df2554b9",
        };
        var max_times = "5";
        var coinList = max_times==10?[2,4,6,10]:(max_times==8?[1,3,5,8]:[1,2,4,5]);

    </script>

</head>

<style>
    body{font-size: 0.12rem;}
    .join-user-info {
        width: 15%;
        margin: 0 .0480rem 0.05rem;
        text-align: center;
        margin-right: 10px;
        display:inline;
    }
    .join-user-info span {
        display: block;
        width: 100%;
        height: .1200rem;
        overflow: hidden;
        line-height: .1200rem;
        font-size: .1056rem;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .join-user-info img {
        width: 100%;
        border-radius:3px;
    }

    .topList{position: fixed;top:0vh;left: 0;width: 100%;height: 6vh;z-index: 89;}
    .topTab{width: 100%;height: 7vh;z-index: 89;}
    .topIntro{position: fixed;top:0.75vh;right: 3.5vh;width: 5vh;z-index:90;}
    .topWatch{position: fixed;top:0.75vh;left: 3.5vh;width: 5vh;z-index:112;}
    .topRule{position: fixed;top:0.75vh;right: 11.5vh;width: 5vh;z-index:112;}
    .roomCardTop{position: fixed;top:0.75vh;left: 2vh;;z-index:90;height: 4.5vh;}
    .roomCardTop img{height: 4.5vh;position: absolute;left: 0;top:0;z-index: 90;}
    .roomCardTop .num{height: 3vh;line-height: 3vh;text-align: right;color:#fff;font-size:2.2vh;margin-top:0.75vh;position:relative;}
    .bottomRightList{ position: absolute;  bottom: 9vh;  right: 2vh;  width: 7.26vh; }
    .bottomRightList .sound{  width: 7.5vh;  z-index: 102;  position: relative;  bottom: -3vh;}
    .bottomRightList .message{   width: 7.5vh;  height: 7.5vh;  z-index: 91;  position: relative;}
    .rules-mask, .focus-mask, .share-mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        background-color: rgba(0, 0, 0, .8);
    }
    .rules-mask .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: .0720rem;
        width: 2.9856rem;
        background-color: rgba(255, 255, 255, .2);
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        -webkit-box-shadow: 0 0 0.072rem #153b72 inset;
        -moz-box-shadow: 0 0 .0720rem #153b72 inset;
        box-shadow: 0 0 0.072rem #153b72 inset;
        text-align: center;
    }
    .rules-mask .content .niuniu-rules {
        background-color: #bbdaff;
        -webkit-box-shadow: 0 0 0.072rem #153b72 inset;
        -moz-box-shadow: 0 0 .0720rem #153b72 inset;
        box-shadow: 0 0 0.072rem #153b72 inset;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        margin-bottom: .0720rem;
        height: 3.3000rem;
        overflow-x: hidden;
    }
    .rules-mask .content .flex-cont {
        align-items: center;
        padding: .0520rem 0 .0520rem .3168rem;
        font-size: .1152rem;
        line-height: 1.5;
        text-align: left;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/niuniu-rules-line.png) no-repeat left bottom;
        background-size: 100% auto;
    }
    .flex-cont {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .rules-mask .content .flex-cont .name {
        color: #666;
        letter-spacing: .0240rem;
    }
    .rules-mask .content .flex-cont .flex-item {
        color: #333;
    }
    .rules-mask .content .flex-cont.rules-title {
        -webkit-justify-content: center;
        justify-content: center;
        font-size: .1920rem;
        color: #333;
        padding: .0480rem 0;
    }
    .rules-mask .content .flex-cont {
        align-items: center;
        padding: .0520rem 0 .0520rem .3168rem;
        font-size: .1152rem;
        line-height: 1.5;
        text-align: left;
        border-bottom:solid 1px #99b8e2;
    }
    .rules-mask .content .niuniu-rules .rules-text {
        text-align: justify;
        padding: 0 .0960rem 0 .310rem;
        line-height: 2;
        font-size: 14px;
        text-indent: -.2rem;
        color:#555;
    }
    .rules-mask .close, .focus-mask .close, .share-mask .close {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        width: .2688rem;
        height: .2688rem;
        background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/niuniu-close.png") no-repeat;
        background-size: 100% 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .window-masks {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999;
        background-color: rgba(0, 0, 0, 1);
    }
    .window-masks .border-opacity {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: .0048rem solid #a7a7a6;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        background-color: rgba(255, 255, 255, .3);
        padding: .0720rem;
    }
    .window-masks .border-opacity .container {
        position: relative;
        background-color: #d1e2f6;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
    }
    .window-masks.return-index .container {
        border: .0096rem solid #afb0b2;
    }
    .window-masks .border-opacity .container:before {
        content: '';
        position: absolute;
        top: .0480rem;
        left: .0480rem;
        width: calc(100% - 0.0960rem);
        height: calc(100% - 0.0960rem);
        border: .0144rem solid #95b8e1;
        -webkit-border-radius: .024rem;
        -moz-border-radius: .024rem;
        border-radius: .024rem;
        z-index: 0;
    }
    .window-masks .border-opacity .container .mask-icon.mask-top {
        top: .0480rem;
        left: .0480rem;
        background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/mask-top.jpg") no-repeat;
        background-size: 100% 100%;
    }
    .window-masks .border-opacity .container .mask-icon {
        position: absolute;
        width: .0816rem;
        height: .0768rem;
    }
    .window-masks.return-index .main {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 2.3280rem;
        min-height: 1.0560rem;
        background-color: #69829e;
        border: .0048rem solid #fff;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        margin: .1200rem;
        padding: .0960rem;
        color: #fff;
        font-size: .1728rem;
        text-align: justify;
    }
    .window-masks.return-index .container .main .rules {
        line-height: .15rem;
        padding: .0864rem;
        font-size: .1344rem;
    }
    .window-masks.return-index .container .button {
        position: relative;
        text-align: center;
        margin-bottom: .0960rem;
    }
    .window-masks.return-index .container .sure, .window-masks.return-index .container .cancel {
        width: 1.1472rem;
        height: .3312rem;
        font-size: .1200rem;
        line-height: 2.5;
        text-align: center;
        margin: 0 .0480rem;
        color: #fff;
        display: inline-block;
    }
    .window-masks.return-index .container .sure {
        background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/common-button1.png") no-repeat;
        background-size: 100% 100%;
    }
    .window-masks.return-index .container .cancel {
        background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/common-button2.png") no-repeat;
        background-size: 100% 100%;
    }
    .window-masks {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999;
        background-color: rgba(0, 0, 0, 1);
    }
    .window-masks .border-opacity {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: .0048rem solid #a7a7a6;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        background-color: rgba(255, 255, 255, .3);
        padding: .0720rem;
    }
    .window-masks.user-join .container {
        position: relative;
        padding: .3840rem .1440rem .0480rem;
    }
    .window-masks .border-opacity .container {
        position: relative;
        background-color: #d1e2f6;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
    }
    .window-masks .border-opacity .container:before {
        content: '';
        position: absolute;
        top: .0480rem;
        left: .0480rem;
        width: calc(100% - 0.0960rem);
        height: calc(100% - 0.0960rem);
        border: .0144rem solid #95b8e1;
        -webkit-border-radius: .024rem;
        -moz-border-radius: .024rem;
        border-radius: .024rem;
        z-index: 0;
    }
    .window-masks .border-opacity .container .mask-icon.mask-top {
        top: .0480rem;
        left: .0480rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/mask-top.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks .border-opacity .container .mask-icon.mask-right {
        top: .0480rem;
        right: .0480rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/mask-right.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks .border-opacity .container .mask-icon.mask-bottom {
        bottom: .0480rem;
        right: .0480rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/mask-bottom.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks .border-opacity .container .mask-icon.mask-left {
        bottom: .0480rem;
        left: .0480rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/mask-left.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks .border-opacity .container .mask-icon {
        position: absolute;
        width: .0816rem;
        height: .0768rem;
    }
    .window-masks.user-join .user-id {
        position: absolute;
        left: -.0576rem;
        top: 0;
        z-index: 5;
        padding-left: .1440rem;
        width: 1.4016rem;
        height: .3888rem;
        line-height: 1.5;
        color: #fff;
        font-size: .1632rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/join-game-title.png) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks.user-join .container .main {
        overflow: hidden;
        width: 2.6469rem;
        margin-bottom: .0960rem;
        border: .0048rem solid #fff;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        background-color: #69829e;
        color: #fff;
    }
    .window-masks.user-join .container .main .rules {
        line-height: .15rem;
        padding: .0864rem;
        font-size: .1344rem;
    }

    .window-masks.user-join .container .main .user-list {
        box-sizing: border-box;
        width: 2.6400rem;
        height: 1.6360rem;
        padding: .2400rem .1200rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/join-user-bg1.jpg) no-repeat;
        background-size: 100% 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        font-size: 14px;
    }
    .window-masks.user-join .container .button {
        position: relative;
        text-align: center;
        margin-bottom: .0480rem;
        display: flex;
    }
    .window-masks.user-join .container .return {
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/common-button1.png) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks.user-join .container .join-game {
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/newgame/common-button2.png) no-repeat;
        background-size: 100% 100%;
    }
    .window-masks.user-join .container .join-game, .window-masks.user-join .container .return {
        width: 1.1472rem;
        height: .3312rem;
        font-size: .1200rem;
        line-height: 2.5;
        text-align: center;
        margin: 0 .0480rem;
        color: #fff;
        flex: 1;
        position: static !important;
    }
    .window-masks.user-join .container .main .user-list {
        box-sizing: border-box;
        width: 2.6400rem;
        height: 1.6360rem;
        padding: .2400rem .1200rem;
        background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/fiesc/images/newgame/join-user-bg1.jpg) no-repeat;
        background-size: 100% 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }
    .window-masks.user-join .join-user-info {
        width: 15%;
        margin: 0 .0480rem;
        text-align: center;
        margin-bottom: 0.05rem;
    }
    .window-masks.user-join .join-user-info img {
        width: .3840rem;
        height: .3840rem;
        -webkit-border-radius: .0240rem;
        -moz-border-radius: .0240rem;
        border-radius: .0240rem;
    }
    .chat-list-mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
    .chat-list {
        position: fixed;
        right: .0750rem;
        bottom: .6000rem;
        z-index: 99;
        width: 2.3040rem;
        border: .0096rem solid #919191;
        -webkit-border-radius: .096rem;
        -moz-border-radius: .096rem;
        border-radius: .096rem;
        transition: display 1s;
        background-color: rgba(255, 255, 255, .2);
    }
    .chat-list-ul {
        box-sizing: border-box;
        width: 2.1696rem;
        height: 3.2352rem;
        overflow-x: hidden;
        margin: .0672rem;
        padding: .0672rem .0672rem .0240rem .0672rem;
        background-color: #a7aeb2;
        -webkit-border-radius: .096rem;
        -moz-border-radius: .096rem;
        border-radius: .096rem;
    }
    .chat-list li {
        height: .2688rem;
        line-height: .2688rem;
        margin: 0 0 .0480rem 0;
        padding: 0 .1056rem;
        color: #9a3a00;
        font-size: .1200rem;
        text-align: left;
        font-weight: bold;
        -webkit-border-radius: .0480rem;
        -moz-border-radius: .0480rem;
        border-radius: .0480rem;
        background-color: #eff8fb;
    }
    .copy-tip {
        background: rgba(0, 0, 0, .6);
        color: #fff;
        position: fixed;
        bottom: .6rem;
        font-size: .15rem;
        border-radius: 5px;
        padding: 10px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 89;
    }

    #room_str {
        position: fixed;
        top: -300px;
    }

    .zhuonuo {
        position: fixed;
        left: 50%;
        width: .6rem;
        z-index: 89;
        top: 0.7rem;
        transform: translate(-50%);
    }
    /*自动准备*/
    .auto-ready {
        position: fixed;
        right: 50%;
        margin-right: -0.3rem;
        width: .6rem;
        z-index: 89;
        top: 1rem;
    }
    .auto-ready img {
        width: 100%;
    }
    .baseScore {
        background: rgba(0,0,0,0.5);
        top:7%;
    }
    #dialog{
        position: fixed;
        width: 300px;
        height: 150px;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        font-size: 16px;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top:-75px;
        border-radius:10px;
        z-index: 99;
    }
    #dialog .main{
        word-wrap: break-word;
        word-break: normal;
    }
    #dialog .other{
        text-align: center;
        margin-top: 38px
    }
    #dialog img{
        position: absolute;
        top: -20px;
        right: -20px;
        width: 35px;
    }
    .bottomQr {
        position: fixed;
        bottom: 0.75vh;
        right: 34vh;
        width: 4.5vh;
        z-index: 101;
    }
</style>
<body >
<div id="dialog" style="display:none">
    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/fiesc/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
    <p id="main" class="main">
    </p>
    <p class="other">
        请手动复制
    </p>
</div>
<span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
<img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/fiesc/images/common/33fz.png" class="needsclick zhuonuo copyUrl" data-clipboard-action="copy" id="copy_btn"
     onclick="makeQrCode();fuzhiMain.link()" />
<textarea id="room_str" readonly="readonly"></textarea>
<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000;z-index:115;" id="loading">
    <div class="load4">
        <div class="loader">Loading...</div>
    </div>
</div>

<div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
    <!--        <div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.8);width: 100%;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">-->
    <!--           <img style="position: absolute;top: 1.5vh;left: 3vw;width: 4vh;height: 4vh;" src="--><!--files/images/common/laba.png" />-->
    <!--        </div>-->
    <!--        <div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">-->
    <!--            {{notyMsg}}-->
    <!--        </div>-->

    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/is_watching.png" style="position: fixed;z-index: 90;width: 40%;left: 30%;top: 65.5%;" v-show="isWatching==1">
    <div class="watch" v-show="showGuest==1">
        <div class="watchBack" v-on:click="hideGuests"></div>
        <div class="mainPart">
            <img v-on:click="hideGuests" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/cancel.png" class="watchCancel" />
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/title.png" class="watchTitle" />
            <div class="playerList">
                <div class="playerItem" v-for="guest in guests">
                    <img v-bind:src="guest.avatar" class="playerAvatar">
                    <div class="playerName">{{guest.nickname}}</div>
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/icon.png" class="playerIcon">
                </div>
            </div>
            <div class="buttonMiddle">
                <img v-show="showWatchButton" v-on:click="guestRoom" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/watch_true.png"  />
                <img v-show="showSitdownButton" v-on:click="sitDown" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/sitdown_true.png"  />
            </div>
        </div>
    </div>

    <div class="roomCard"  v-on:click="showIndividuality">
        <img  src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/myText.png" />
        <div class="num">
            <div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .2;border-radius:10px;"></div>
            <div style="position: relative;padding: 0 10px 0 35px;">{{userData.individuality}}<span v-if='userData.individuality==""'>点击设置</span></div>
        </div>
    </div>

    <!--防伪码-->
    <div style="display: none;" v-show="isShowIndividuality==1">
        <div class="individuaMask" style="" v-on:click="hideIndividuality"></div>
        <div class="individuaFrame" style="">
            <div class="title" >防伪码设置</div>
            <div class="text">
                <input v-model="individuality" v-on:input="individualityChange()" type="text" placeholder="设置1-6位英文或数字防伪码">
            </div>
            <div class="error" >{{individualityError}}</div>
            <div class="buttonContainer" v-on:click="setIndividuality">
                <div class="button">确认</div>
            </div>
            <div class="buttonClose" v-on:click="hideIndividuality">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/fiesc/images/common/close.png">
            </div>
        </div>
    </div>

    <img class="bottomTab" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/bottom.png" />
    <img class="bottomRule" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/icon_rule3.png" v-on:click="showGameRule">
    <!--        <img class="bottomSound" src="--><!--files/images/common/icon_sound3.png" v-on:click="showAudioSetting">-->
    <img class="bottomSound"  src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/game-music01.png" v-if="editAudioInfo.backMusic==1" v-on:click="confirmAudioSetting">
    <img class="bottomSound"  src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/game-music02.png" v-if="editAudioInfo.backMusic==0" v-on:click="confirmAudioSetting">
    <img class="bottomMessage" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/icon_message3.png" v-on:click="showMessage">
    <img class="bottomIntro" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/icon_description3.png" v-on:click="showIntro">

    <img class="bottomHome" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/icon_home3.png" v-on:click="showAlert(3,'确认返回主页 ？')" />
    <img class="bottomWatch" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/icon_watch.png" v-on:click="showGuests"/>

    <img class="bottomQr" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/fiesc/images/common/erweima.png" onclick="makeQrCode()"/>

    <div class="disconnect" v-show="!connectOrNot" style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101"><div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;"></div><a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a></div>

    <!-- 底分 -->
    <!--        <div class="baseScoreBG" style=""></div>-->
    <div class="baseScore" style="">
        底分：{{base_score}}分
    </div>
    <!-- 第几局 -->
    <div class="roundNum" style="position: fixed;color: #fff;opacity:.7;">
        {{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局
    </div>

    <!--自动准备-->
    <div class="auto-ready" v-on:click="autoReady()" v-if="isWatching!=1">
        <img v-show="appData.isAutoReady==1" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/ready_true2.png">
        <img v-show="appData.isAutoReady==0" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/ready_false2.png">
    </div>

    <!-- 提示框 -->
    <div class="window-masks return-index" id="valert" v-show="isShowAlert">
        <div class="border-opacity">
            <div class="container">
                <i class="mask-icon mask-top"></i>
                <i class="mask-icon mask-right"></i>
                <i class="mask-icon mask-bottom"></i>
                <i class="mask-icon mask-left"></i>
                <div class="main">
                    <div class="rules" v-show="alertType==4" style="font-size: 2.2vh">
                        模式：
                        <a v-if="ruleInfo.banker_mode==1">自由抢庄</a>
                        <a v-if="ruleInfo.banker_mode==2">明牌抢庄</a><br>
                        底分：
                        <a v-if="ruleInfo.baseScore==1">1分</a>
                        <a v-if="ruleInfo.baseScore==2">2分</a>
                        <a v-if="ruleInfo.baseScore==3">3分</a>
                        <a v-if="ruleInfo.baseScore==4">4分</a>
                        <a v-if="ruleInfo.baseScore==5">5分</a><br>
                        规则：
                        <a >暴玖x9</a><br>
                        <a style="opacity: 0;">规则：</a>
                        <a >大三公x9小三公x7三公x5</a><br>
                        <a style="opacity: 0;">规则：</a>
                        <a >九点x4八点x3七点x2散牌x1</a><br>
                        <a style="opacity: 0;">规则：</a>
                        <a >豹子x6同花顺x5金花x4</a><br>
                        <a style="opacity: 0;">规则：</a>
                        <a >顺子x3对子x2散牌x1</a><br>
                        倍数：
                        <a v-if="ruleInfo.bet_type==1">1,2,4,5</a>
                        <a v-if="ruleInfo.bet_type==2">1,3,5,8</a>
                        <a v-if="ruleInfo.bet_type==3">2,4,6,10</a><br>
                        局数：
                        <a>{{game.total_num}}局</a>
                    </div>

                    <!--好友管理弹框-->
                    <div v-if="alertType==8 && add_user" style="position: absolute;top: 0.2rem;font-size: 0.14rem;">
                        <div>你还不是房主的好友,无法加入房间</div>
                        <div style="position: absolute;top: 0.6rem;left: 0.5rem;">
                            <img v-bind:src="ownerUser.avatar" style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
                            <span style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

                        </div>
                    </div>

                    <div>{{alertText}}</div>
                </div>

                <div v-show="alertType==2">
                    <div class="sure" v-on:click="hall" style="left: 50%;position: relative;margin-left: -0.55rem;margin-bottom: 0.1rem;">返回首页</div>
                </div>
                <div class="button" v-show="alertType==3">
                    <div class="sure" v-on:click="hall">返回首页</div>
                    <div class="cancel" v-on:click="closeAlert">取消</div>
                </div>

                <!--观战功能-->
                <div v-show="alertType==4" class="button">
                    <div class="sure" v-show="joinType==1||joinType==3" v-on:click="guestRoom">观战</div>
                    <div class="cancel" v-show="joinType==1||joinType==2" v-on:click="sitDown">加入游戏</div>

                    <div class="return" v-show="joinType==2" ><img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/watch_false.png" ></div>
                    <div class="join-game" v-show="joinType==3"></div>
                </div>

                <div v-show="alertType==7">
                    <div class="sure" v-on:click="hall" style="position: relative;left: 50%;transform: translateX(-50%);">返回首页</div>
                </div>
                <div v-if="alertType==8 && add_user" style="position: relative;width: 14vh;line-height: 4.2vh;height: 4.2vh;margin: 0.05rem;left: 50%;margin-left: -7vh;text-align: center;overflow: hidden;">
                    <div v-show="applyStatus==0" style="border-radius: 2vh;background-color: #EE7942;color: #fff"  v-on:click="applyToJoin">确定</div>
                    <div v-show="applyStatus==1" style="border-radius: 2vh;background-color: #6f6363;color: #fff">申请中</div>
                </div>
                <div v-show="alertType==11">
                    <div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
                </div>
                <div v-show="alertType==21">
                    <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
                </div>
                <div v-show="alertType==22">
                    <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
                </div>
                <div v-show="alertType==23">
                    <div class="buttonMiddle" v-on:click="finishBindPhone()">确定</div>
                </div>
                <div v-show="alertType==31">
                    <div class="buttonMiddle" v-on:click="reloadView()">确定</div>
                </div>
                <div v-show="alertType==32">
                    <div class="buttonMiddle" v-on:click="reloadView()">重新登录</div>
                </div>
            </div>
        </div>
    </div>

    <div class="alertTip" v-show="isShowAlertTip">
        <div class="alertTipBG"></div>
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/alertTipOk.png" v-show="alertTipType==1">
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/alertTipWarn.png" v-show="alertTipType==2">
        <div class="alertTipText" >{{alertTipText}}</div>
    </div>

    <div v-show="isShowApply" style="color: #000;">
        <div class="applyMask" style="width: 100%;height: 100%;position: fixed;background: #000;z-index: 111;"></div>
        <div style="position: fixed;background: #fff;border-radius: 6px; top: 50%;left: 50%;z-index: 111;transform: translate(-50%,-50%); width: 76vw;" :style="appData.applyInfo.club_name?'height: 30vh':'height: 20vh'">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/close.png" style="position: absolute;right: -3vw;top: -2vh;width: 10vw;" @click="hall">
            <div style="margin-top: 5vh;text-align: center;">你不是该俱乐部成员，无法加入房间</div>
            <div style="position: relative;height: 10vh;" v-if="appData.applyInfo.club_name">
                <img :src="applyInfo.club_headimgurl" style="width: 12vw;position: absolute;left: 18vw;top: 50%;transform: translateY(-50%);">
                <span style="position: absolute;left: 34vw;top: 50%;transform: translateY(-50%);">{{applyInfo.club_name}}</span>
            </div>
            <div style="text-align: center">是否申请加入俱乐部？</div>
            <div style="background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/button_yellow.png);background-size: 100% 100%;width: 24vw;height: 4vh;
                    position: relative;
                    top: 2.5vh;
                    left: 50%;
                    transform: translateX(-50%);color: #fff;text-align: center;
                    line-height: 4vh;
                    font-size: 16px;
                    }" @click="applyClub()">
                {{applyInfo.status}}
            </div>
        </div>
    </div>

    <!-- 进游戏提示框 -->
    <div class="window-masks user-join" id="joinUser" v-show="isShowGameAlert">
        <div class="border-opacity">
            <div class="container">
                <i class="mask-icon mask-top"></i>
                <i class="mask-icon mask-right"></i>
                <i class="mask-icon mask-bottom"></i>
                <i class="mask-icon mask-left"></i>
                <div class="user-id">ID：{{globalData.roomNumber}}</div>
                <div class="main">
                    <div class="rules" v-show="alertType==4">
                        模式：
                        <a v-if="ruleInfo.banker_mode==1">自由抢庄</a>
                        <a v-if="ruleInfo.banker_mode==2">明牌抢庄</a><br>
                        底分：
                        <a v-if="ruleInfo.baseScore==1">1分</a>
                        <a v-if="ruleInfo.baseScore==2">2分</a>
                        <a v-if="ruleInfo.baseScore==3">3分</a>
                        <a v-if="ruleInfo.baseScore==4">4分</a>
                        <a v-if="ruleInfo.baseScore==5">5分</a><br>
                        规则：
                        <p class="ptext">暴玖x9&nbsp;大三公x9&nbsp;小三公x7&nbsp;三公x5</p>
                        <p class="ptext">九点x4&nbsp;八点x3&nbsp;七点x2&nbsp;散牌x1</p>
                        <p class="ptext">豹子x6&nbsp;同花顺x5&nbsp;金花x4</p>
                        <p class="ptext">顺子x3&nbsp;对子x2&nbsp;散牌x1</p>
                        倍数：
                        <a v-if="ruleInfo.bet_type==1">1,2,4,5</a>
                        <a v-if="ruleInfo.bet_type==2">1,3,5,8</a>
                        <a v-if="ruleInfo.bet_type==3">2,4,6,10</a><br>
                        局数：
                        <a>{{game.total_num}}局</a>
                    </div>

                    <div class="user-list">
                        <div class="join-user-info" v-for="item in alertText">
                            <img v-bind:src="item.avatar">
                            <span>{{item.name}}</span>
                        </div>
                    </div>
                </div>
                <div class="button">
                    <div class="return"  v-on:click="guestRoom">观战</div>
                    <div class="join-game" id="joinGame" v-on:click="sitDown">加入游戏</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 游戏桌子 -->
    <div class="table" id="table" style="position: relative; width: 100%; height: 100%; z-index: 80; overflow: hidden;">
        <img class="tableBack"  src="http://zxch.203y.com:1888/ttxindasheng/table/j31.jpg" style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh" />

        <!-- 发牌 ||p.account_status==6||p.account_status==7 -->
        <div class="cardDeal">
            <!-- p.account_id>0&&p.account_status>2&&!p.bonus&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0) -->
            <div v-for="p in player" v-if="ruleInfo.banker_mode!=5" v-show="p.account_id>0&&p.account_status>2&&!p.bonus&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0)">
                <div class="card" v-bind:class="'card' + p.num + '1'" style="z-index: 14;" v-show="game.cardDeal>0"></div>
                <div class="card" v-bind:class="'card' + p.num + '2'" style="z-index: 13;" v-show="game.cardDeal>1"></div>
                <div class="card" v-bind:class="'card' + p.num + '3'" style="z-index: 12;" v-show="game.cardDeal>2"></div>
                <div class="card" v-bind:class="'card' + p.num + '4'" style="z-index: 11;" v-show="game.cardDeal>3"></div>
            </div>

            <div v-for="p in player" v-if="ruleInfo.banker_mode==5" v-show="p.account_id>0&&p.account_status>2&&!p.bonus&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0)">
                <div class="card" v-bind:class="'card' + p.num + '1'" style="z-index: 14;" v-show="game.cardDeal>0"></div>
                <div class="card" v-bind:class="'card' + p.num + '2'" style="z-index: 13;" v-show="game.cardDeal>1"></div>
                <div class="card" v-bind:class="'card' + p.num + '3'" style="z-index: 12;" v-show="game.cardDeal>2"></div>
                <div class="card" v-bind:class="'card' + p.num + '4'" style="z-index: 11;" v-show="game.cardDeal>3"></div>
            </div>

            <!-- 玩家1发完牌之后  -->
            <div class="myCards" v-show="player[0].is_showCard&&player[0].account_status>2&&!game.show_score">
                <div class="cards3D">
                    <div class="cards card0"   v-on:click="clickMyCard(0)">
                        <div class="face front" ></div>
                        <div class="face back"  v-bind:class="cardSelect[0].isSelect+' card' + player[0].card[0]" v-if="player[0].account_status<=7"></div>
                        <div class="face back"  v-bind:class="' card' + player[0].card[0]" v-if="player[0].account_status>7">
                            <div class="cardGround" v-if="player[0].account_status>7&&cardSelect[0].isSelect=='selected'"> </div>
                        </div>
                    </div>

                    <div class="cards card1"   v-on:click="clickMyCard(1)">
                        <div class="face front" ></div>
                        <div class="face back"  v-bind:class="cardSelect[1].isSelect+' card' + player[0].card[1]" v-if="player[0].account_status<=7"></div>
                        <div class="face back"  v-bind:class="' card' + player[0].card[1]"  v-if="player[0].account_status>7">
                            <div class="cardGround" v-if="player[0].account_status>7&&cardSelect[1].isSelect=='selected'"> </div>
                        </div>
                    </div>

                    <div class="cards card2"   v-on:click="clickMyCard(2)">
                        <div class="face front" ></div>
                        <div class="face back" v-bind:class="cardSelect[2].isSelect+' card' + player[0].card[2]" v-if="player[0].account_status<=7"></div>
                        <div class="face back" v-bind:class="' card' + player[0].card[2]" v-if="player[0].account_status>7">
                            <div class="cardGround" v-if="player[0].account_status>7&&cardSelect[2].isSelect=='selected'"> </div>
                        </div>
                    </div>

                    <div class="cards card3"   v-on:click="clickMyCard(3)">
                        <div class="face front" ></div>
                        <div class="face back"   v-bind:class="cardSelect[3].isSelect+' card' + player[0].card[3]" v-if="player[0].account_status<=7"></div>
                        <div class="face back"   v-bind:class="' card' + player[0].card[3]" v-if="player[0].account_status>7">
                            <div class="cardGround" v-if="player[0].account_status>7&&cardSelect[3].isSelect=='selected'"> </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- (p.bonus||game.cardDeal==-1)&&p.account_status>1&&p.account_status!=6&&p.account_status!=7&&p.card.length>0-->

        <div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
            <div v-for="p in player" v-if="p.num!=1" v-show="(p.bonus||p.account_status>=8)&&!game.show_score">
                <div class="cards" v-bind:class="'card' + p.num + ' card' + p.num + '11'" style="z-index: 14;">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[3]">
                        <div class="cardGround" v-if="p.card_open[3]==p.eliminate_card"> </div>
                    </div>
                </div>
                <div class="cards" v-bind:class="'card' + p.num + ' card' + p.num + '21'" style="z-index: 13;">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[2]">
                        <div class="cardGround" v-if="p.card_open[2]==p.eliminate_card"> </div>
                    </div>
                </div>
                <div class="cards" v-bind:class="'card' + p.num + ' card' + p.num + '31'" style="z-index: 12">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[1]">
                        <div class="cardGround" v-if="p.card_open[1]==p.eliminate_card"> </div>
                    </div>
                </div>
                <div class="cards" v-bind:class="'card' + p.num + ' card' + p.num + '41'" style="z-index: 11">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[0]">
                        <div class="cardGround" v-if="p.card_open[0]==p.eliminate_card"> </div>
                    </div>
                </div>
            </div>
        </div>

        <div v-for="p in player" v-if="((p.num==1&&player[0].account_id!=userData.accountId)||p.num!=1)&&p.account_status==8" v-bind:class="'cardComplete cardComplete' + p.num" >
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/complete.png" style=" width: 100%;">
        </div>

        <!-- 抢庄文字图片 -->
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=2" v-bind:class="{true:'memberGoText' + p.num,false:'memberFreeRobText' + p.num}[ruleInfo.banker_mode==5]" v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute; width: 100%;">
        </div>

        <!-- 明牌抢庄文字图片 -->
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberRobText' + p.num" v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute;  width: 100%;">
        </div>
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2 &&p.account_status==5&&p.grab_multiples>=1" v-bind:class="'memberRobTimes' + p.num">
            <img v-bind:src="'http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_times'+p.grab_multiples+'.png'" style="position: absolute; width: 100%;">
        </div>

        <!-- 观战抢庄倍数文字 -->
        <div class="memberTimesText1" v-if="player[0].account_status==5&&player[0].grab_multiples>0&&player[0].account_id!=userData.accountId">
            <img v-bind:src="'http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_times'+player[0].grab_multiples+'.png'" style="position: absolute; width: 100%;">
        </div>

        <!-- 倍数文字图片 -->
        <div v-for="p in player" v-if="p.account_status>=6&&!p.is_banker&&p.multiples>0" v-bind:class="'memberTimesText' + p.num">
            <img v-bind:src="'http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_times'+p.multiples+'.png'" style="position: absolute; width: 100%;">
        </div>
        <!-- 庄家倍数文字图片 -->
        <div v-for="p in player" v-if="ruleInfo.banker_mode==2&&p.account_status>=5&&p.is_banker&&p.banker_multiples>0" v-bind:class="'memberTimesText' + p.num">
            <img v-bind:src="'http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_times'+p.banker_multiples+'.png'" style="position: absolute; width: 100%;">
        </div>

        <!-- 牛几图片 -->
        <div v-for="p in player"  v-bind:class="'memberBull memberBull' + p.num" v-show="(p.account_status>=8&&p.bullImg.length>=1||(isCardSelect&&p.num==1))&&!game.show_score">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/back.png" class="back" >
            <div style="float: left;width: .5vh;height: 100%;"></div>
            <div style="float: right;width: .5vh;height: 100%;"></div>

            <img v-bind:src="p.bullImg" style="height:70%;">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/point.png" style="height:70%">
            <img v-bind:src="p.bullImg1" style="height:70%">

            <div class="score score1" v-show="game.littleScore">
                <div style="color: #f7a527;"  v-show="p.sg_score>0">+{{p.sg_score}}</div>
                <div  v-show="p.sg_score<0">{{p.sg_score}}</div>
                <div  v-show="p.sg_score==0">0</div>
            </div>
            <div class="score score2" v-show="game.littleScore">
                <div style="color: #f7a527;"  v-show="p.f_score>0">+{{p.f_score}}</div>
                <div  v-show="p.f_score<0">{{p.f_score}}</div>
                <div v-show="p.f_score==0">0</div>
            </div>
        </div>
        <!--空座位-->
        <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id<=0">
            <div class="quitBack" style="border: 1px solid #fff;font-size:12px;color:#fff;line-height: 7.4vh;width:7.4vh;height:7.4vh">空位</div>
        </div>

        <!-- 每局得分 -->
        <div v-for="p in player" v-bind:class="'memberScoreText' + p.num" v-show="game.show_score" style="display: none;">
            <p v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; color: white;">{{p.single_score}}</p>
            <p v-show="p.single_score>0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">+{{p.single_score}}</p>
            <p v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">0</p>
        </div>

        <!-- 玩家  -->
        <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id>0" >
            <!-- 玩家头像 -->
            <img v-bind:src="p.headimgurl" class="avatar">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">

            <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                <div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
                <div class="bscore" style="text-align: center;overflow: hidden;">{{p.account_score}}</div>
            </div>

            <img v-bind:id="'banker' + p.account_id" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/nbull/banker_bg.png" class="background" style="position: absolute; top: -0.2vh;left: -0.2vh;width: 7.86vh; height: 7.86vh; display: none;" />

            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/banker_icon.png" class="background" style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="p.is_banker&&ruleInfo.banker_mode!=4">

            <img v-bind:id="'bankerAnimate' + p.num" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">
            <img v-bind:id="'bankerAnimate1' + p.num" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">

            <!-- 玩家离开或不在线 -->
            <div class="quitBack" v-show="p.num>1&&p.online_status==0" ></div>
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/ready.jpg" class="ready" v-show="p.account_status==2" />

            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/guest/guest_avatar.png" style="position: absolute;top: 38%;left: 17%;width: 70%;" v-show="p.is_guest==1">
            <!-- 准备状态 game.round!=game.total_num-->
            <!--                 <div class="isReady" v-show="game.round!=game.total_num">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/ready_text.png" class="ready" v-show="p.account_status==2&&p.num!=1" />
                </div> -->
        </div>

        <!-- 玩家金币 -->
        <div id="playerCoins" style="display: none;">
            <div v-for='p in player'>
                <div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/coin.png" style="position: absolute; width: 100%; height: 100%">
                </div>
            </div>
        </div>

        <!-- 显示玩家消息文本 -->
        <div v-for="p in player">
            <div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
                <div>{{p.messageText}}</div>
                <div class="triangle"> </div>
            </div>
        </div>

        <!-- 游戏状态:选择抢庄 player[0].account_status==3 -->
        <div id="divRobBankerText" v-show="showClockRobText&&ruleInfo.banker_mode!=4" v-bind:style="'position: absolute;top: 33%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p style="color: white; font-size: 2vh;width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">{{ruleInfo.bankerText}}</p>
        </div>
        <!-- 游戏状态:闲家下注  -->
        <div id="divBetText" v-show="showClockBetText" v-bind:style="'position: absolute;top: 33%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">闲家下注</p>
        </div>
        <!-- 游戏状态:等待摊牌 -->
        <div id="divBetText" v-show="showClockShowCard" v-bind:style="'position: absolute;top: 33.5%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">等待摊牌</p>
        </div>

        <!-- 倒计时时钟 position: absolute; top: 38%; left: 44%; width: 40px; height: 42px; -->
        <div id="" class="clock" v-show="game.time>-1" v-bind:style="'position: absolute; top: 38%; left:' + (width - 40) / 2 + 'px; width: 40px; height: 42px;'">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/clock4.png" style="position: absolute; width: 100%; height: 100%;" />
            <p style="position: absolute; top: 0px; left: 0px; width: 40px; height: 42px; color: white; text-align: center; line-height: 42px;">
                {{game.time}}
            </p>
        </div>

        <!-- 按钮操作区域 -->
        <div id="operationButton" v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1">

            <!--                 <div v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyText">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/ready_text.png" style="width: 100%;" v-show="player[0].account_status==2" />
                </div> -->
            <div class="button1"  v-show="game.round!=game.total_num&&game.status==1" >
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/ready_button.png" v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0&&canBreak!=1" v-on:click="imReady" />
            </div>

            <!-- 不抢-抢庄 -->
            <div v-if="player[0].account_status==3&&ruleInfo.banker_mode==1">
                <div class="button21"  v-on:click="notRobBanker" >
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_green.png" >
                    <div class="btntxt">不抢</div>
                </div>
                <div class="button22"  v-on:click="robBanker(1)" >
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_orange.png" >
                    <div class="btntxt">抢庄</div>
                </div>
            </div>

            <!-- 上庄 -->
            <div v-show="ruleInfo.banker_mode==5&&game.round==1" v-on:click="robBanker(1)" class="button22">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_orange.png">
                <div v-bind:style="viewStyle.rob1">上庄</div>
            </div>
            <!-- 不上庄 -->
            <div v-show="ruleInfo.banker_mode==5&&game.round==1" v-on:click="notRobBanker" class="button21">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_green.png">
                <div v-bind:style="viewStyle.notRob1">不上庄</div>
            </div>

            <!-- 下庄 -->
            <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="clickGameOver" class="button21">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_green.png">
                <div v-bind:style="viewStyle.notRob1">下庄</div>
            </div>
            <!-- 准备 -->
            <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="imReady"  class="button22">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_orange.png">
                <div v-bind:style="viewStyle.rob1">准备</div>
            </div>

            <!-- 抢庄倍数按钮 -->
            <div v-if="player[0].account_status==3&&control.isShowRob&&ruleInfo.banker_mode==2">
                <div class="button41"  v-on:click="robBanker(1)" >
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png">
                    <div class="timestxt">1倍</div>
                </div>
                <div class="button42" v-on:click="robBanker(2)" >
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png" >
                    <div class="timestxt">2倍</div>
                </div>
                <div class="button43" v-on:click="robBanker(4)">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png" >
                    <div class="timestxt">4倍</div>
                </div>
                <div class="button44" v-on:click="notRobBanker" >
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times_green.png" >
                    <div class="timestxt">不抢</div>
                </div>
            </div>

            <!-- 闲家下注按钮 -->
            <div v-if="showTimesCoin && !player[0].multiples>0 && !player[0].is_banker && player[0].account_status>=6">
                <div class="button41"  v-on:click="selectTimesCoin(coinList[0])">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png">
                    <div class="timestxt">{{coinList[0]}}倍</div>
                </div>
                <div class="button42" v-on:click="selectTimesCoin(coinList[1])">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png">
                    <div class="timestxt">{{coinList[1]}}倍</div>
                </div>
                <div class="button43" v-on:click="selectTimesCoin(coinList[2])">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png">
                    <div class="timestxt">{{coinList[2]}}倍</div>
                </div>
                <div class="button44" v-on:click="selectTimesCoin(coinList[3])">
                    <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/button_times.png">
                    <div class="timestxt">{{coinList[3]}}倍</div>
                </div>
            </div>

            <!-- 抢庄文字 -->
            <div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2" v-bind:style="viewStyle.robText" >
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_rob.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <div class="status" v-if="showRobText&&ruleInfo.banker_mode==2">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_rob.png">
            </div>
            <div class="status grabTime" v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].grab_multiples>0">
                <img v-bind:src="'http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/bull/text_times'+player[0].grab_multiples+'.png'">
            </div>

            <!-- 不抢庄文字 -->
            <div class="status" v-if="showNotRobText&&ruleInfo.banker_mode!=5">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_notrob.png">
            </div>

            <!-- 上庄文字 -->
            <div v-if="showRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.robText" >
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_go.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <!-- 不上庄文字 -->
            <div v-if="showNotRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.notRobText">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/sangong/text_notgo.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <div class="text" v-show="showBankerCoinText">等待闲家下注</div>
            <div class="text" v-show="showClickShowCard&&!isCardSelect">点击牌面看牌</div>
            <div class="text" v-show="player[0].account_status==7&&!showClickShowCard&&!isCardSelect">选取一张牌丢弃</div>
        </div>

        <!-- 摊牌按钮 -->
        <div  style="position: absolute;top:80.5vh;right:.5vh;width:13vw; "  v-if="player[0].account_id==userData.accountId" v-show="showShowCardButton">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/tan0.png" style="width: 100%;" v-if="!isCardSelect">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/tan1.png" style="width: 100%;"  v-if="isCardSelect"  v-on:click="showCard" >
        </div>

    </div>

    <div class="ranking hideRanking" id="ranking" style="z-index: 1">
        <div class="rankBack">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
        </div>

        <div class="rankText" style="position: absolute;top: 4%;">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/rank_frame.jpg" style="position: absolute;top:0;left:0;width: 200vw;">
            <div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 36vw;width: 100%;">
                <a style="font-size: 6vw;padding: 1vw 8vw;border-radius:6vw;background:#064943;border:2px solid #77ffe8;">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
            </div>
            <div style="height: 56vw;"></div>
            <div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0">
                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -2.5vw; left: 4px;height: 120%" v-show="p.isBigWinner==1">
                <div class="name">{{p.nickname}}</div>
                <div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
            </div>
        </div>

        <div class="button roundEndShow" >
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/rank_save.png" style="float: left;margin-left: 13%;width: 30%" />
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/rank_review.png" style="float: right;margin-right: 13%;width: 30%" />
        </div>
    </div>

    <!-- end图片  -->
    <div id="endCreateRoom" class="end" style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;">
        <img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"  usemap="#planetmap1" />
        <div id="endCreateRoomBtn" style="position:absolute;right:13vw; width: 30vw; height: 12vw;bottom: 8%;z-index:121;overflow: hidden;" v-on:click="reviewCard()"></div>
    </div>

    <!-- 消息  -->
    <div class="message" v-show="isShowMessage" >
        <div class="messageBack" v-on:click="hideMessage"></div>
        <div class="textPartOuter"></div>
        <div id="message-box" class="textPart">
            <div id="scroll-box" class="textList" style="width: 100%;">
                <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
            </div>
        </div>
    </div>


    <!-- 二维码 -->
    <div id="qrcode" style="display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 111">
        <div style="background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;"
            onclick="hideQrCode()"></div>
        <div
            style="position: relative;width: 64vw;height: 80vw;left: 50%;top: 50%;transform: translate(-50%, -50%);border: .0096rem solid #919191;-webkit-border-radius: .096rem;-moz-border-radius: .096rem;border-radius: .096rem;transition: display 1s;background-color: rgba(255,255,255,.2);">
            <div> <span
                    style="position:absolute;top: 0.1rem;left: 50%;transform: translateX(-50%); width: 70vw;text-align: center; color: #fff;font-size: 18px;">二维码</span>
                <div id="divOne"></div> <img id='imgOne'
                    style="width: 50vw; height:50vw; box-sizing: border-box;position: absolute;overflow: scroll;background: #fff;border-radius: 4px;left: 50%;top: 48%;transform: translate(-50%,-50%);" />
                <span
                    style="position:absolute;bottom: 0.25rem;left: 50%;transform: translateX(-50%); width: 70vw;text-align: center; color: #fff;font-size: 16px;">长按二维码发送</span>
            </div>
        </div>
    </div>


    <!-- 新规则  -->
    <div class="rules-mask" v-show="ruleInfo.isShowRule" v-on:click="hideGuests">
        <div class="content">
            <div class="rule-title"></div>
            <div class="niuniu-rules">
                <div class="flex-cont" data-pos="0">
                    <div class="name">模式：</div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==1"><span class="zhuangType">自由抢庄</span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==2"><span class="zhuangType">明牌抢庄</span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==4"><span class="zhuangType">经典三公</span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==5"><span class="zhuangType">固定庄家</span></div>
                </div>
                <div class="flex-cont" data-pos="0">
                    <div class="name">底分：</div>
                    <div class="flex-item" v-if="ruleInfo.baseScore==1"><span class="zhuangType">1分</span></div>
                    <div class="flex-item" v-if="ruleInfo.baseScore==2"><span class="zhuangType">2分</span></div>
                    <div class="flex-item" v-if="ruleInfo.baseScore==3"><span class="zhuangType">3分</span></div>
                    <div class="flex-item" v-if="ruleInfo.baseScore==4"><span class="zhuangType">4分</span></div>
                    <div class="flex-item" v-if="ruleInfo.baseScore==5"><span class="zhuangType">5分</span></div>
                </div>
                <div class="flex-cont" data-pos="1">
                    <div class="name">规则：</div>
                    <div class="flex-item" >
                        <div>暴玖x9</div>
                        <div>大三公x9小三公x7三公x5</div>
                        <div>九点x4八点x3七点x2散牌x1</div>
                        <div>豹子x6同花顺x5金花x4</div>
                        <div>顺子x3对子x2散牌x1</div>
                    </div>

                </div>
                <div class="flex-cont" data-pos="2">
                    <div class="name">倍数：</div>
                    <div class="flex-item">
                        <div class="flex-item" v-if="ruleInfo.bet_type==1"><span class="zhuangType">1,2,4,5</span></div>
                        <div class="flex-item" v-if="ruleInfo.bet_type==2"><span class="zhuangType">1,3,5,8</span></div>
                        <div class="flex-item" v-if="ruleInfo.bet_type==3"><span class="zhuangType">2,4,6,10</span></div>
                    </div>
                </div>
                <div class="flex-cont" data-pos="3">
                    <div class="name">局数：</div>
                    <div class="flex-item"><span>{{game.total_num}}局</span></div>
                </div>
                <div class="flex-cont" data-pos="4">
                    <div class="name">玩法：</div>
                    <div class="flex-item" style="width:80%;">
                        <div style="width:50%;float: left;">
                            <div>三公</div>
                            <p>暴玖：9倍</p>
                            <p>大三公：9倍</p>
                            <p>小三公：7倍</p>
                            <p>三公：5倍</p>
                            <p>九点：4倍</p>
                            <p>八点：3倍</p>
                            <p>七点：2倍</p>
                            <p>散牌：1倍</p>
                        </div>
                        <div style="width:50%;float: left;">
                            <div>金花</div>
                            <p>豹子：6倍</p>
                            <p>同花顺：5倍</p>
                            <p>金花：4倍</p>
                            <p>对子：2倍</p>
                            <p>散牌：1倍</p>
                        </div>
                        <p style="display: inline-block;color:blue;">明牌抢庄：亮开三张牌后抢庄</p>
                    </div>
                </div>
            </div>
            <div class="close" v-on:click="cancelGameRule"></div>
        </div>
    </div>
    <!-- 游戏规则 -->
    <!--        <div class="createRoom" id="vroomRule" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">-->
    <!--            <div class="createRoomBack"></div>-->
    <!--            <div class="mainPart" >         -->
    <!--                <div  class="createB"></div>-->
    <!--                <div class="createTitle">-->
    <!--                    <img src="--><!--files/images/common/txt_rule.png" />-->
    <!--                </div>  -->
    <!--                -->
    <!--                <img src="--><!--files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelGameRule"/>-->
    <!--    -->
    <!--                <div class="blueBack">-->
    <!--                    <div class="selectPart" style="top: 0px;height:4vh;line-height:4.1vh;">-->
    <!--                        <div class="selectTitle" style="width: 100%;font-size: 2vh; text-align: center;color: #7dd9ff; background-color: #143948;opacity: 1.0">创建房间,游戏未进行,不消耗房卡</div>-->
    <!--                    </div>  -->
    <!--                    -->
    <!--                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">-->
    <!--                        <div class="selectTitle">模式：</div>-->
    <!--                        <div class="selectList">-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.banker_mode==1">-->
    <!--                                <div class="selectText" >自由抢庄</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.banker_mode==2">-->
    <!--                                <div class="selectText" >明牌抢庄</div>-->
    <!--                            </div>-->
    <!--                        -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.banker_mode==4">-->
    <!--                                <div class="selectText" >经典三公</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.banker_mode==5">-->
    <!--                                <div class="selectText" >固定庄家</div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!---->
    <!--                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">-->
    <!--                        <div class="selectTitle">底分：</div>-->
    <!--                        <div class="selectList" >-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.baseScore==1">-->
    <!--                                <div class="selectText">1分</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.baseScore==2">-->
    <!--                                <div class="selectText">2分</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.baseScore==3">-->
    <!--                                <div class="selectText">3分</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.baseScore==4">-->
    <!--                                <div class="selectText">4分</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.baseScore==5">-->
    <!--                                <div class="selectText">5分</div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>      -->
    <!---->
    <!--                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;" v-if="0">-->
    <!--                        <div class="selectTitle">规则：</div>-->
    <!--                        <div class="selectList">-->
    <!--                            <div class="selectItem" style="margin-left:10px;" >-->
    <!--                                <div class="selectText" >暴玖x9</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" >-->
    <!--                                <div class="selectText" >大三公x9小三公x7三公x5</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" >-->
    <!--                                <div class="selectText" >九点x4八点x3七点x2散牌x1</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" >-->
    <!--                                <div class="selectText" >豹子x6同花顺x5金花x4</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" >-->
    <!--                                <div class="selectText" >顺子x3对子x2散牌x1</div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>  -->
    <!--                    -->
    <!--                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">-->
    <!--                        <div class="selectTitle">倍数：</div>-->
    <!--                        <div class="selectList">-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.bet_type==1">-->
    <!--                                <div class="selectText" >1,2,4,5</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.bet_type==2">-->
    <!--                                <div class="selectText" >1,3,5,8</div>-->
    <!--                            </div>-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.bet_type==3">-->
    <!--                                <div class="selectText" >2,4,6,10</div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!---->
    <!--                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">-->
    <!--                        <div class="selectTitle">局数：</div>-->
    <!--                        <div class="selectList">-->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.ticket==1">-->
    <!--                                <div class="selectText" >12局X2房卡</div>-->
    <!--                            </div>                          -->
    <!--                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.ticket==2">-->
    <!--                                <div class="selectText" >24局X4房卡</div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                -->
    <!--                <div class="createCommit" v-on:click="cancelGameRule" >确定</div> -->
    <!---->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->

    <!-- 消息 -->
    <div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
    <div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
        <ul class="chat-list-ul">
            <li v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</li>
        </ul>
    </div>

    <!-- 设置音频 -->
    <div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
        <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
        <div class="mainPart" >
            <div  class="createB"></div>
            <div class="createTitle" style="height:4vh;">
            </div>

            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

            <div class="blueBack">
                <div style="height:0.5vh;"></div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">背景音乐：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
                            <div class="selectBox"></div>
                            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">游戏音效：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
                            <div class="selectBox"></div>
                            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

            </div>
        </div>
    </div>

    <!-- 特殊提示  -->
    <div class="alert" v-show="isShowNoteImg" v-on:click="hideNoteImg()">
        <div class="alertBack"></div>
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/text_protocol.png" style="position: absolute;top:20vh;width:90vw;left: 5vw;" />
    </div>

    <!-- 游戏玩法 -->
    <div class="ruleRoom" id="vplayRule" v-show="isShowIntro" v-on:click="closeIntro">
        <div style="width: 100%;height: 100%; text-align: center;background: rgba(0,0,0,.6);">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/jia31/rule_img.png" style="height: 80%;width: 90%;max-width: 90%;margin-top: 15%;"/>
        </div>
    </div>

    <div class="alertB" v-show="isShowAlertB">
        <div class="alertBackgroundB"></div>
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/alertTipOk.png" v-show="alertTypeB==2">
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/alertTipWarn.png" v-show="alertTypeB==1">
        <div class="alertTextB" >{{alertTextB}}</div>
    </div>

    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/canvas.js"></script>
</div>

</body>

<script src="http://zxch.203y.com:1888/ttxindasheng/etc/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/bscroll.js"></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/jquery.marquee.min.js"></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue.min.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_js/jia31.js?v=20210511"></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/qrcode.js"></script>
<script src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/fuzhi_xl.js?v=2018"></script>
<script src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/clipboard.min.js"></script>
<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏右上角按钮
        WeixinJSBridge.call('hideOptionMenu');
    });

</script>
</html>